/**
 *
 */
import React, { Component } from 'react'

import {
  StyleSheet,
  Text,
  Image,
  View,
  TouchableOpacity,
  Dimensions,
  Platform,
  StatusBar
} from 'react-native'

import PropTypes from 'prop-types'
import NavBar from './NavBar'

export default class NavBarHome extends NavBar {
  static propTypes = {
    ...NavBar.prototypes,
  }

  static defaultProps = {
    ...NavBar.defaultProps,
    style: {
      
    }
  }

  constructor(props) {
    super(props);
  }

  renderLeftView() {
    return (
      <View>

      </View>
    )
  }

  renderMiddleView() {
    return (
      <View>
        
      </View>
    )
  }

  renderRightView() {
    return (
      <View>
        
      </View>
    )
  }

  renderView() {
    return (
      <View>

      </View>
    )
  }
}

const styles = StyleSheet.create({
  container: {
    width: '100%',
    height: '100%',
    display: 'flex',
  },
  headerLeft: {
    
  },
  HeaderMiddle: {
    flex: 1,
  },
  headerRight: {

  }
})